.bg-box {
  font-size: 0.75rem;
  color: #858894;
  text-align: center;
}
.bg-box-img {
  width: 100%;
  height: 3.13rem;
}
.bg-box-div {
  text-align: center;
  font-size: 0.75rem;
  line-height: 0.75rem;
  margin-top: -1.88rem;
}
.bg-box1 {
  margin-bottom: 1.85rem;
}
.bg-box2 {
  display: none;
  margin-bottom: 1.25rem;
}
.card-box {
  position: relative;
  margin: 0.69rem 0.94rem 1.19rem 0.94rem;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0rem 0.25rem 0.63rem 0rem rgba(39, 40, 46, 0.05);
  border-radius: 0.31rem;
  border: 0.03rem solid rgba(235, 235, 237, 1);
  text-align: center;
}
.certification {
  width: 1.69rem;
  height: 1rem;
  background: linear-gradient(
    270deg,
    rgba(72, 191, 48, 1) 0%,
    rgba(154, 217, 65, 1) 100%
  );
  box-shadow: -0.06rem -0.06rem 0.19rem 0rem rgba(255, 235, 102, 0.2);
  border-radius: 0.31rem 0rem 0.31rem 0rem;
  font-size: 0.69rem;
  color: rgba(255, 255, 255, 1);
  line-height: 1rem;
  margin-bottom: -0.06rem;
}
.card-title {
  position: relative;
  margin-bottom: 0.75rem;
}
.card-title span {
  vertical-align: middle;
}
.card-title-s1 {
  font-size: 1rem;
  font-weight: bold;
  color: #27282e;
  line-height: 1rem;
  margin-right: 0.31rem;
}
.card-title-s2 {
  border: 0.06rem solid #ff6314;
  color: #ff6314;
  margin-right: 0.31rem;
  line-height: 0.9rem;
}
.card-title-s3 {
  background: #e9f3fd;
  color: #499df2;
}
.card-title-s4 {
  background: #f2f3f5;
  color: #9d9fa6;
}
.card-title-s5 {
  position: absolute;
  top: 0.63rem;
  right: 0.31rem;
  width: 5.13rem;
  height: 4.5rem;
  z-index: 3;
}
.card-tagname {
  font-size: 0.75rem;
  color: #858894;
  line-height: 0.75rem;
  margin-bottom: 0.5rem;
}
.card-tagname::before {
  content: "";
  width: 1.25rem;
  height: 0.03rem;
  background: #ebebed;
  margin-right: 0.31rem;
  display: inline-block;
  vertical-align: middle;
}
.card-tagname::after {
  content: "";
  width: 1.25rem;
  height: 0.03rem;
  background: #ebebed;
  margin-left: 0.31rem;
  display: inline-block;
  vertical-align: middle;
}
.card-tag-list {
  color: #7485a6;
  margin-bottom: 0.94rem;
}
.card-tag-list > span {
  background: rgba(134, 149, 179, 0.14);
  margin-right: 0.31rem;
}
.card-btn {
  width: 6.63rem;
  height: 1.75rem;
  background: linear-gradient(
    270deg,
    rgba(255, 99, 20, 1) 0%,
    rgba(255, 149, 0, 1) 100%
  );
  border-radius: 0.88rem;
  font-size: 0.81rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.75rem;
  margin: 0 auto 0.5rem auto;
}
.card-unsign-tx {
  font-size: 0.75rem;
  color: #ffaa00;
  line-height: 0.75rem;
  margin-bottom: 1.31rem;
}
.card-sign-tx {
  font-size: 0.81rem;
  color: #858894;
  line-height: 0.81rem;
  margin-bottom: 1.31rem;
}
.card-sign-tx img {
  position: relative;
  bottom: 1px;
  width: 0.37rem;
  height: 0.68rem;
  margin-left: 0.31rem;
}
.recommen {
  margin: 0 1.25rem;
  background: rgba(255, 165, 76, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 1.88rem;
}
.recommen div {
  padding: 1.88rem 0.94rem 0.94rem 1.25rem;
  color: #9e7557;
  font-size: 0.88rem;
  line-height: 1.19rem;
  margin-top: -1.13rem;
}
.recommen img {
  width: 5.25rem;
  height: 1.13rem;
}
.info-title {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.25rem;
  margin-bottom: 1.25rem;
}
.info-box {
  margin: 0 1.25rem 2.81rem 1.25rem;
}

.contract-row {
  display: flex;
  margin-bottom: 1.25rem;
  line-height: 1rem;
  font-size: 1rem;
}
.contract-row:last-of-type {
  margin-bottom: 0;
}
.contract-label {
  width: 4rem;
  overflow: hidden;
  white-space: nowrap;
  color: #858894;
  flex-shrink: 0;
}
.info-more {
  color: #f86c50;
  background: rgba(248, 108, 80, 0.15);
  margin-left: 0.31rem;
}
.info-describe {
  position: relative;
  padding-top: 1.25rem;
  border-top: 0.03rem solid #ebebed;
  font-size: 1rem;
  color: #858894;
}
.info-describe div {
  margin-bottom: 1.25rem;
}
.info-tx {
  position: relative;
  color: #5c5e66;
  line-height: 1.38rem;
}
.ellip {
  position: absolute;
  bottom: 2.75rem;
  right: 0.52rem;
  background: #fff;
  width: 1rem;
  display: block;
}
.info-all {
  margin-top: 0.63rem;
  color: #637aa6;
}
.info-add {
  max-height: 7rem;
  overflow: hidden;
}
.tag-box {
  margin: 0 1.25rem 0.6rem 1.25rem;
}
.active {
  color: #ff6314;
  background: #ffeee4;
  border: 0.03rem solid #ff6314;
  height: 1.69rem;
  line-height: 1.58rem;
}
.tag-tag {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.63rem;
  height: 1.75rem;
  background: rgba(134, 149, 179, 0.14);
  border-radius: 0.91rem;
  color: #27282e;
  font-size: 0.75rem;
  line-height: 1.75rem;
  text-align: center;
  margin: 0 0.63rem 0.69rem 0;
}
.remark-box {
  position: relative;
  margin: 0 1.25rem -8rem 1.25rem;
}
.remark-btn {
  position: absolute;
  top: 5.5rem;
  right: 0.63rem;
  width: 3.25rem;
  line-height: 1.88rem;
  background: linear-gradient(
    270deg,
    rgba(255, 99, 20, 1) 0%,
    rgba(255, 149, 0, 1) 100%
  );
  border-radius: 0.94rem;
  color: #fff;
  text-align: center;
}
.remark-txarea {
  width: 100%;
  height: 8rem;
  border: 0.03rem solid #ebebed;
  resize: none;
  padding: 0.94rem;
  margin-bottom: 1.88rem;
}
.remark-txarea::placeholder {
  color: #b6b7bf;
}
.record-title {
  font-size: 1.25rem;
  line-height: 1.25rem;
  font-weight: bold;
  padding-bottom: 1.25rem;
  margin-bottom: 0.94rem;
  border-bottom: 0.06rem solid #ebebed;
}
.record-tx1 {
  line-height: 0.75rem;
  font-size: 0.75rem;
  color: #b6b7bf;
  margin-bottom: 0.63rem;
}
.record-tx2 {
  line-height: 1.44rem;
  font-size: 0.94rem;
  color: #5c5e66;
  padding-bottom: 0.81rem;
  margin-bottom: 0.88rem;
  border-bottom: 0.03rem solid #ebebed;
}
.record-list:last-of-type .record-tx2 {
  margin-bottom: 3.5rem;
  padding-bottom: 0;
  border: 0;
}
.record-no-tx {
  line-height: 1rem;
  font-size: 1rem;
  color: #858894;
  margin: 0.94rem 0 2.81rem 0;
  text-align: center;
}

.gesture {
  height: 8rem;
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
}
.tag {
  display: inline-block;
  height: 1rem;
  font-size: 0.69rem;
  padding: 0 0.31rem;
  border-radius: 0.13rem;
}
.inlinebox {
  display: inline-block;
}
.vermiddle {
  vertical-align: middle;
}
.marginl163 {
  margin-left: 1.63rem;
}
@media screen and (max-width: 375px) {
  .user-btn2,
  .user-btn3 {
    font-size: 0.75rem;
    line-height: 2.25rem;
    width: 3.94rem;
    height: 2.25rem;
    margin-top: 0.25rem;
  }
}
